<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
		* {
				padding: 0;
				margin: 0;
			}
			
			body {
				min-width: 1226px;
				color: #333;
			}
			
			ul {
				list-style-type: none;
			}
			
			a {
				text-decoration: none;
			}
			
			.body1 {
				margin: 0 auto;
				width: 1228px;
				height: 1220px;
				margin-left: 64px;
			}
			
			.title_ad {
				height: 120px;
				background-image: url(img/mi.shouye.title1.jpg);
				background-position: 50%;
			}
			
			.title {
				height: 40px;
				font-size: 12px;
				background-color: #333333;
			}
			
			.title a {
				text-decoration: none;
				color: #b0b0b0;
			}
			
			.title a:hover {
				color: white;
			}
			
			.title ul {
				padding-left: 53px;
				list-style-type: none;
				line-height: 40px;
				padding-right: 60px;
			}
			
			.title_left li {
				float: left;
				padding: 0px 10px;
			}
			
			.title_right li {
				float: right;
				padding: 0px 10px;
			}
			
			.top .logo {
				float: left;
				margin-top: 25px;
			}
			
			.top .gif {
				float: left;
				margin-left: 10px;
				margin-top: 20px;
			}
			
			.top .nav {
				position: relative;
				padding: 30px 0;
				width: 1226px;
				height: 40px;
			}
			
			.top .nav ul {
				list-style-type: none;
			}
			
			.top .nav>ul>li {
				float: left;
				padding: 0px 10px;
			}
			
			.top .nav a {
				text-decoration: none;
				color: black;
			}
			
			.top .nav a:hover {
				color: red;
			}
			
			.top .nav li>div {
				z-index: 1;
				background-color: white;
				position: absolute;
				left: 0px;
				top: 100px;
				width: 1349px;
				height: 230px;
				color: black;
				display: none;
				z-index: 10;
			}
			
			.top .nav li:hover div {
				display: block
			}
			
			.nav-menu {
				padding-left: 20px;
			}
			
			.m-div {
				width: 160px;
				height: 166px;
				float: left;
				padding: 35px 12px 0;
				font-size: 12px
			}
			
			.m-div>img {
				width: 160px;
				height: 110px;
			}
			
			.m-div .text,
			.price {
				width: 160px;
				height: 20px;
				text-align: center;
			}
			
			.m-div .price {
				color: #FF6700;
			}
			
			.main_top1 {
				width: 1226px;
				height: 460px;
				position: relative;
			}
			
			.main_top1 #menu {
				position: relative;
				padding: 30px 0;
				width: 235px;
				background-color: rgba(0, 0, 0, 0.6);
				z-index: 1;
			}
			
			.main_top1 #menu li {
				list-style: none;
				padding: 0 30px;
				line-height: 40px;
				color: white;
			}
			
			.main_top1 #menu li:hover {
				background-color: #FF6700;
			}
			
			.main_top1 #menu span {
				float: right;
				font-size: 20px;
				font-family: "宋体";
			}
			
			.main_top1 #menu li>div {
				position: absolute;
				left: 235px;
				top: 0px;
				background-color: white;
				height: 460px;
				font-size: 40px;
				color: black;
				display: none;
			}
			
			#menu_1 {
				width: 795px;
			}
			
			#menu_2,
			#menu_5 {
				width: 397px;
			}
			
			#menu_3,
			#menu_4,
			#menu_6 {
				width: 994 px;
			}
			
			#menu_7,
			#menu_8,
			#menu_9,
			#menu_10 {
				width: 270px;
			}
			
			.submenu {
				width: 992px;
				height: 460px;
				border: 1px solid;
			}
			/**
			 * ul
			 */
			
			.submenu2 {
				float: left;
				width: 265px;
				height: 458px;
				margin: 0;
				padding: 2px 0;
				list-style-type: none;
				font-size: 14px;
			}
			
			.goods-menu {
				position: relative;
				float: left;
				width: 205px;
				height: 76px;
			}
			
			.submenu2 .sm-link {
				width: 120px;
				padding-right: 0;
				display: block;
				padding: 18px 20px;
				line-height: 40px;
				color: #333;
				margin: 0;
			}
			
			.submenu2 .sm-pic {
				margin-right: 12px;
				vertical-align: middle;
			}
			
			.submenu2 .sm-name {
				margin-left: 0;
			}
			
			.submenu2 .sm-btn {
				position: absolute;
				right: 10px;
				top: 26px;
				width: 58px;
				height: 22px;
				line-height: 22px;
				border: 1px solid #ff6700;
				text-align: center;
				background: #fff;
				color: #ff6700;
				font-size: 12px;
				cursor: pointer;
			}
			
			.main_top1 .bg img {
				position: absolute;
				top: 0;
				left: 0;
			}
			
			.main_top1 .btn {
				width: 992px;
				height: 69px;
				position: absolute;
				top: 195px;
				right: 0;
			}
			
			.main_top1 .btn .btn-left,
			.btn-right {
				width: 41px;
				height: 69px;
				line-height: 69px;
				text-align: center;
				font-size: 40px;
				font-family: "宋体";
				color: #B4A69C;
			}
			
			.main_top1 .btn .btn-left {
				float: left;
			}
			
			.main_top1 .btn .btn-right {
				float: right;
			}
			
			.main_top1 .btn .btn-left:hover {
				background-color: rgba(0, 0, 0, 0.6);
			}
			
			.main_top1 .btn .btn-right:hover {
				background-color: rgba(0, 0, 0, 0.6);
			}
			
			.main_top1 .btn-bottom {
				width: 150px;
				height: 20px;
				position: absolute;
				bottom: 0;
				right: 0;
			}
			
			.main_top1 .btn-bottom .dian {
				list-style-type: none;
			}
			
			.main_top1 .btn-bottom .dian li {
				width: 6px;
				height: 6px;
				border: 1px solid;
				float: left;
				color: black;
				border-radius: 50%;
				margin-left: 10px;
				border-color: rgba(255, 255, 255, 0.3);
				background: rgba(0, 0, 0, 0.4);
			}
			
			.main_top1 .btn-bottom .dian li:hover {
				background: rgba(255, 255, 255, 0.4);
				border-color: rgba(0, 0, 0, 0.4);
			}
			
			.main_top1 .btn-bottom .dian .active {
				background: rgba(255, 255, 255, 0.4);
			}
			
			.nav li:hover div {
				display: block
			}
			
			.main_top2 {
				margin-top: 15px;
				height: 170px;
			}
			
			.main_top2 ul li {
				float: left;
			}
			
			.main_top2 .img_1 {
				width: 234px;
				height: 170px;
				padding-right: 14px;
			}
			
			.main_top2 .img_2 img {
				width: 316px;
				height: 170px;
				border: none;
				padding-right: 15px;
			}
			
			.main_top2 .img_3 img {
				width: 316px;
				height: 170px;
				border: none;
			}
			
			.plain-box1 {
				width: 1226px;
				height: 438px;
				margin-top: 35px;
			}
			
			.weinituijian {
				width: 1226px;
				height: 438px;
				margin-top: 35px;
			}
			
			.box-head {
				position: relative;
				height: 58px;
				width: 100%;
			}
			
			.box-head .box-title {
				font-size: 22px;
				font-weight: 200;
				line-height: 58px;
				height: 58px;
				float: left;
			}
			
			.box-head .more {
				width: 76px;
				height: 24px;
				float: right;
				margin-top: 20px;
			}
			
			.box-head .more-left,
			.more-right {
				width: 36px;
				height: 24px;
				line-height: 24px;
				text-align: center;
				color: #e0e0e0;
				border: 1px solid #e0e0e0;
				font-family: "宋体";
				cursor: pointer;
			}
			
			.box-head .more-left {
				float: left;
			}
			
			.box-head .more-right {
				float: right;
			}
			
			.box-head .more-left:hover,
			.more-right:hover {
				color: #FF6700;
			}
			
			.box-body {
				width: 1226px;
				overflow: hidden;
				position: relative;
			}
			
			.plain-box1 .carousel-wrapper {
				width: 2600px;
				height: 380px;
			}
			
			.weinituijian .carousel-wrapper {
				width: 5000px;
				height: 380px;
			}
			
			.div11 {
				width: 234px;
				height: 300px;
				float: left;
				padding-top: 39px;
				margin-right: 14px;
				text-align: center;
				background: white;
			}
			
			.plain-box1 .box-body .carousel-wrapper .div1,
			.div2,
			.div3,
			.div4,
			.div5,
			.div6,
			.div7,
			.div8,
			.div9,
			.div10 {
				width: 234px;
				height: 300px;
				float: left;
				padding-top: 39px;
				margin-right: 14px;
				border-top: 1px solid;
				text-align: center;
				background: #fafafa;
			}
			
			.plain-box1 .box-body .carousel-wrapper .div5,
			.div10 {
				margin-right: 0;
			}
			
			.plain-box1 .box-body .carousel-wrapper .div1,
			.div6 {
				border-top-color: #ffac13;
			}
			
			.plain-box1 .box-body .carousel-wrapper .div2,
			.div7 {
				border-top-color: #83c44e;
			}
			
			.plain-box1 .box-body .carousel-wrapper .div3,
			.div8 {
				border-top-color: #2196f3;
			}
			
			.plain-box1 .box-body .carousel-wrapper .div4,
			.div9 {
				border-top-color: #e53935;
			}
			
			.plain-box1 .box-body .carousel-wrapper .div5,
			.div10 {
				border-top-color: #00c0a5;
			}
			
			.box-body .carousel-wrapper a {
				margin: 0 auto 22px;
			}
			
			.box-body .carousel-wrapper a img {
				width: 160px;
				height: 160px;
			}
			
			.box-body .carousel-wrapper h3 {
				color: #212121;
				margin: 0 20px 3px;
				font-size: 14px;
				font-weight: 400;
				overflow: hidden;
			}
			
			.box-body .carousel-wrapper .desc {
				height: 18px;
				margin: 0 20px 12px;
				font-size: 12px;
				overflow: hidden;
				color: #b0b0b0;
			}
			
			.box-body .carousel-wrapper .price {
				margin: 0;
				color: #ff6709;
			}
			
			.comment {
				padding-bottom: 22px;
				width: 1226px;
				height: 473px;
				background: #fafafa;
			}
			
			.comment .bx-hd {
				width: 1226px;
				height: 58px;
			}
			
			.comment .bx-bd {
				width: 1226px;
				height: 415px;
			}
			
			.comment .view-box {
				width: 293px;
				height: 415px;
				float: left;
				margin-right: 11px;
				background-color: white;
			}
			
			.comment .img111 img {
				width: 296px;
				height: 220px;
			}
			
			.comment .review {
				height: 72px;
				margin: 0 28px 22px;
				font-size: 14px;
				line-height: 24px;
				font-weight: 400;
				overflow: hidden;
				color: #333;
			}
			
			.comment .author {
				position: relative;
				height: 18px;
				margin: 0 28px 8px;
				padding: 0 10px 0 0;
				font-size: 12px;
				color: #b0b0b0;
			}
			
			.comment .info {
				margin: 0 30px;
				overflow: hidden;
			}
			
			.comment .review-title {
				display: inline-block;
				margin: 0;
				font-size: 14px;
				font-weight: 400;
				max-width: 170px;
				overflow: hidden;
				vertical-align: bottom;
				color: #333;
			}
			
			.comment .review-sep {
				color: #e0e0e0;
				margin: 0 .25em;
				font-family: sans-serif;
			}
			
			.comment .review-price {
				display: inline;
				margin: 0;
				color: #ff6700;
				font-size: 14px
			}
			
			.body2 {
				background: #f5f5f5;
			}
			
			.body2 .container {
				width: 1226px;
				margin-right: auto;
				margin-left: auto;
			}
			
			.jiadian {
				height: 686px;
				margin-bottom: 8px;
				position: relative;
			}
			
			.hd {
				height: 58px;
				line-height: 58px;
				width: 1226px;
			}
			
			.hd span {
				margin-left: 10px;
				margin-right: 20px;
				cursor: pointer;
			}
			
			.hd span:hover {
				color: #FF6700;
				border-bottom: 2px solid #ff6700;
			}
			
			.jd-title {
				font-size: 20px
			}
			
			.jiadian .hd .fir-box {
				color: #ff6700;
				border-bottom: 2px solid #ff6700;
				margin-left: 850px;
			}
			
			.box-row {
				margin-left: -14px;
			}
			
			.box-row .row-left {
				float: left;
				margin-left: 14px;
			}
			
			.box-row .row-right {
				width: 978px;
				float: left;
				margin-left: 14px;
			}
			
			.products-list {
				margin: 0 0 -14px -14px;
				width: 992px;
				height: 614px;
				padding: 0;
			}
			
			.products-list .item {
				position: relative;
				z-index: 1;
				float: left;
				width: 234px;
				margin-left: 14px;
				margin-bottom: 14px;
				background: #fff;
				height: 300px;
			}
			
			.item .pic {
				margin: 40px 40px 18px;
			}
			
			.item .pic img {
				width: 150px;
				height: 150px;
			}
			
			.item .name {
				margin: 0 10px;
				font-size: 14px;
				font-weight: 400;
				text-align: center;
				color: #333;
			}
			
			.item .desc {
				margin: 0 10px 10px;
				height: 18px;
				font-size: 12px;
				text-align: center;
				color: #b0b0b0;
			}
		}
		.item .price {
			margin: 0 10px 10px;
			text-align: center;
			color: #FF6700;
		}
		.item .flag {
			background-color: #e53935;
			position: absolute;
			top: 0;
			left: 50%;
			z-index: 2;
			width: 64px;
			height: 20px;
			margin-left: -32px;
			font-size: 12px;
			line-height: 20px;
			text-align: center;
			color: #fff;
		}
		#remen,
		#dianshiyingyin,
		#diannao,
		#jiaju {
			position: absolute;
			top: 58px;
			right: 0;
		}
		/*内容*/
		.neirong .box-hd {
			width: 1226px;
			height: 58px;
			line-height: 58px;
		}
		.neirong .box-hd span {
			font-size: 20px;
		}
		.neirong .box-bd {
			width: 1226px;
			height: 420px;
		}
		.nr {
			position: relative;
			float: left;
			width: 296px;
			height: 374px;
			padding: 45px 0 0;
			border-top: 1px solid #e0e0e0;
			background: white;
			overflow: hidden;
		}
		.nr-title {
			margin: 0 10px 18px;
			font-size: 16px;
			font-weight: 400;
			text-align: center;
		}
		.nr-body {
			height: 270px;
			width: 1200px;
		}
		.wrap {
			height: 270px;
			width: 296px;
			float: left;
		}
		.wrap .name {
			margin: 0 20px 5px;
			font-size: 20px;
			font-weight: 400;
			line-height: 1.25;
		}
		.wrap .name a {
			color: #333;
		}
		.wrap .desc {
			margin: 0 48px 10px;
			height: 40px;
			font-size: 12px;
			line-height: 20px;
			text-align: center;
			overflow: hidden;
			color: #b0b0b0;
		}
		.wrap .price {
			height: 21px;
			margin: 0 10px 15px;
			text-align: center;
			font-size: 12px
		}
		.wrap .img {
			width: 216px;
			height: 154px;
			margin: 0 auto;
		}
		.nr-foot {
			position: absolute;
			bottom: 0;
		}
		.nr-foot .dian {
			width: 206px;
			height: 30px;
			padding-left: 90px;
		}
		.nr-foot .dian h5 {
			width: 7px;
			height: 7px;
			border-radius: 50%;
			float: left;
			margin-left: 20px;
			display: inline-block;
			cursor: pointer;
			background: #B0B0B0;
		}
		.nr-foot .dian h5:hover {
			background: #FF6700;
		}
		</style>
	</head>

	<body>
		<div class="title_ad"></div>
		<div class="title">
			<div class="title_left">
				<ul>
					<li>
						<a href="#">小米商城</a>
					</li>

					<li>
						<a href="#">MIUI</a>
					</li>

					<li>
						<a href="#">米聊</a>
					</li>

					<li>
						<a href="#">游戏</a>
					</li>

					<li>
						<a href="#">多看阅读</a>
					</li>

					<li>
						<a href="#">云服务</a>
					</li>

					<li>
						<a href="#">金融</a>
					</li>

					<li>
						<a href="#">小米商城移动版</a>
					</li>

					<li>
						<a href="#">问题反馈</a>
					</li>
				</ul>
			</div>
			<div class="title_right">
				<ul>
					<li>
						<a href="mi.cart.html"><span>购物车</span></a>
					</li>
					<li>
						<a href="#">消息通知</a>
					</li>
					<li>
						<a href="mi.register.html">注册</a>
					</li>
					<li>
						<a href="mi.login.html">登录</a>
					</li>

				</ul>
			</div>
		</div>
		<div class="body1">
			<div class="top">
				<div class="logo"><img src="img/logo.png" /></div>
				<div class="gif"><img src="img/yyymix.gif" /></div>
				<div class="nav">
					<ul>
						<li>
							<a href="#">小米手机</a>
							<div class="top-nav-menu">
								<div class="nav-menu">
									<div class="m-div">
										<img src="img/fir-small-navmenu-1.png" />
										<div class="text">
											<a href="#">小米6</a>
										</div>
										<p class="price">2499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-2.png" />
										<div class="text">
											<a href="#">小米MX 2</a>
										</div>
										<p class="price">1699元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-3.jpg" />
										<div class="text">
											<a href="#">小米 5X</a>
										</div>
										<p class="price">1299元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-4.jpg" />
										<div class="text">
											<a href="#">小米NOTE 2</a>
										</div>
										<p class="price">2799元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-5.jpg" />
										<div class="text">
											<a href="#">小米MX</a>
										</div>
										<p class="price">3499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-6.jpg" />
										<div class="text">
											<a href="#">小米 5S</a>
										</div>
										<p class="price">1999元起</p>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">红米</a>
							<div class="top-nav-menu">
								<div class="nav-menu">
									<div class="m-div">
										<img src="img/fir-small-navmenu-21.jpg" />
										<div class="text">
											<a href="#">小米6</a>
										</div>
										<p class="price">2499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-22.jpg" />
										<div class="text">
											<a href="#">小米MX 2</a>
										</div>
										<p class="price">1699元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-23.jpg" />
										<div class="text">
											<a href="#">小米 5X</a>
										</div>
										<p class="price">1299元起</p>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">平板·笔记本</a>
							<div class="top-nav-menu">
								<div class="nav-menu">
									<div class="m-div">
										<img src="img/fir-small-navmenu-31.png" />
										<div class="text">
											<a href="#">小米6</a>
										</div>
										<p class="price">2499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-32.jpg" />
										<div class="text">
											<a href="#">小米MX 2</a>
										</div>
										<p class="price">1699元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-33.jpg" />
										<div class="text">
											<a href="#">小米 5X</a>
										</div>
										<p class="price">1299元起</p>
									</div>
								</div>
							</div>

						</li>
						<li>
							<a href="#">电视</a>
							<div class="top-nav-menu">
								<div class="nav-menu">
									<div class="m-div">
										<img src="img/fir-small-navmenu-41.png" />
										<div class="text">
											<a href="#">小米6</a>
										</div>
										<p class="price">2499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-42.png" />
										<div class="text">
											<a href="#">小米MX 2</a>
										</div>
										<p class="price">1699元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-43.png" />
										<div class="text">
											<a href="#">小米 5X</a>
										</div>
										<p class="price">1299元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-44.png" />
										<div class="text">
											<a href="#">小米NOTE 2</a>
										</div>
										<p class="price">2799元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-45.png" />
										<div class="text">
											<a href="#">小米MX</a>
										</div>
										<p class="price">3499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-46.png" />
										<div class="text">
											<a href="#">小米 5S</a>
										</div>
										<p class="price">1999元起</p>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">盒子·影音</a>
							<div class="top-nav-menu">
								<div class="nav-menu">
									<div class="m-div">
										<img src="img/fir-small-navmenu-51.png" />
										<div class="text">
											<a href="#">小米6</a>
										</div>
										<p class="price">2499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-52.png" />
										<div class="text">
											<a href="#">小米MX 2</a>
										</div>
										<p class="price">1699元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-53.jpg" />
										<div class="text">
											<a href="#">小米 5X</a>
										</div>
										<p class="price">1299元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-54.png" />
										<div class="text">
											<a href="#">小米NOTE 2</a>
										</div>
										<p class="price">2799元起</p>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">路由器</a>
							<div class="top-nav-menu">
								<div class="nav-menu">
									<div class="m-div">
										<img src="img/fir-small-navmenu-61.png" />
										<div class="text">
											<a href="#">小米6</a>
										</div>
										<p class="price">2499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-62.png" />
										<div class="text">
											<a href="#">小米MX 2</a>
										</div>
										<p class="price">1699元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-63.png" />
										<div class="text">
											<a href="#">小米 5X</a>
										</div>
										<p class="price">1299元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-64.png" />
										<div class="text">
											<a href="#">小米NOTE 2</a>
										</div>
										<p class="price">2799元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-65.png" />
										<div class="text">
											<a href="#">小米MX</a>
										</div>
										<p class="price">3499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-66.jpg" />
										<div class="text">
											<a href="#">小米 5S</a>
										</div>
										<p class="price">1999元起</p>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">智能硬件</a>
							<div class="top-nav-menu">
								<div class="nav-menu">
									<div class="m-div">
										<img src="img/fir-small-navmenu-71.jpg" />
										<div class="text">
											<a href="#">小米6</a>
										</div>
										<p class="price">2499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-72.png" />
										<div class="text">
											<a href="#">小米MX 2</a>
										</div>
										<p class="price">1699元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-73.png" />
										<div class="text">
											<a href="#">小米 5X</a>
										</div>
										<p class="price">1299元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-74.jpg" />
										<div class="text">
											<a href="#">小米NOTE 2</a>
										</div>
										<p class="price">2799元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-75.jpg" />
										<div class="text">
											<a href="#">小米MX</a>
										</div>
										<p class="price">3499元起</p>
									</div>
									<div class="m-div">
										<img src="img/fir-small-navmenu-76.jpg" />
										<div class="text">
											<a href="#">小米 5S</a>
										</div>
										<p class="price">1999元起</p>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="#">服务</a>
						</li>
						<li>
							<a href="#">社区</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="main_top1">
				<div id="menu">
					<ul>
						<li>手机 电话卡<span>&gt</span>
							<div id="menu_1" class="submenu">
								<ul class="submenu2">
									<li class="goods-menu">
										<a href="mi.search.html" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">手机</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="mi.item.html" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">遥控器</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
							</div>
						</li>
						<li>笔记本 平板<span>&gt</span>
							<div id="menu_2" class="submenu">
								<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
							</div>
						</li>
						<li>电视 盒子<span>&gt</span>
							<div id="menu_3" class="submenu">
								<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
							</div>
						</li>
						<li>路由器 智能硬件<span>&gt</span>
							<div id="menu_4" class="submenu">
								<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
							</div>
						</li>
						<li>移动电源 电池 插线板<span>&gt</span>
							<div id="menu_5" class="submenu">
								<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
							</div>
						</li>
						<li>耳机 音箱<span>&gt</span>
							<div id="menu_6" class="submenu">
								<div id="tob6" id="menu_4" class="submenu">
									<ul class="submenu2">
										<li class="goods-menu">
											<a href="#" class="sm-link">
												<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
												<span class="sm-name">小米6</span>
											</a>
											<a href="#" class="sm-btn">选购</a>
										</li>
										<li class="goods-menu">
											<a href="#" class="sm-link">
												<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
												<span class="sm-name">小米6</span>
											</a>
											<a href="#" class="sm-btn">选购</a>
										</li>
										<li class="goods-menu">
											<a href="#" class="sm-link">
												<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
												<span class="sm-name">小米6</span>
											</a>
											<a href="#" class="sm-btn">选购</a>
										</li>
										<li class="goods-menu">
											<a href="#" class="sm-link">
												<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
												<span class="sm-name">小米6</span>
											</a>
											<a href="#" class="sm-btn">选购</a>
										</li>
										<li class="goods-menu">
											<a href="#" class="sm-link">
												<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
												<span class="sm-name">小米6</span>
											</a>
											<a href="#" class="sm-btn">选购</a>
										</li>
										<li class="goods-menu">
											<a href="#" class="sm-link">
												<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
												<span class="sm-name">小米6</span>
											</a>
											<a href="#" class="sm-btn">选购</a>
										</li>

									</ul>
								</div>
							</div>
						</li>
						<li>保护套 贴膜<span>&gt</span>
							<div id="menu_7" class="submenu">
								<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
							</div>
						</li>
						<li>线材 支架 存储卡<span>&gt</span>
							<div id="menu_8" class="submenu">
								<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
							</div>
						</li>
						<li>箱包 服饰 鞋 眼镜<span>&gt</span>
							<div id="menu_9" class="submenu">
								<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
							</div>
						</li>
						<li>米兔 生活周边 <span>&gt</span>
							<div id="menu_10" class="submenu">
								<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
							</div>
						</li>
					</ul>
				</div>
				<div class="bg">
					<a href="#">
						<img src="img/first-page-bg-1.jpg" />
					</a>
				</div>
				<div class="btn">
					<div class="btn-left">
						&lt
					</div>
					<div class="btn-right">
						&gt
					</div>
				</div>
				<div class="btn-bottom">
					<ul class="dian">
						<li class="active" data-index="0" data-href="https://hd.mi.com/x/07281m/index.html?client_id=180100041086&masid=17409.0101" data-src="img/first-page-bg-1.jpg"></li>
						<li data-index="1" data-src="img/first-page-bg-2.jpg" data-href="https://item.mi.com/product/10000021.html"></li>
						<li data-index="2" data-src="img/first-page-bg-3.jpg" data-href="https://item.mi.com/product/10000022.html"></li>
						<li data-index="3" data-src="img/first-page-bg-4.jpg" data-href="https://www.mi.com/cuxiao/?client_id=180100041086&masid=17409.0100"></li>
						<li data-index="4" data-src="img/first-page-bg-5.jpg" data-href="https://www.mi.com/mibookair/"></li>
						<li data-index="5" data-src="img/first-page-bg-6.jpg" data-href="https://item.mi.com/product/10000057.html"></li>
					</ul>
				</div>
			</div>
			<div class="main_top2">
				<ul>
					<li class="img_1">
						<a href="#"><img src="img/2017-07-24_193422.png" /></a>
					</li>
					<li class="img_2">
						<a href="#"><img src="img/xmad_14984572731273_CcmqE.jpg" /></a>
					</li>
					<li class="img_2">
						<a href="#"><img src="img/xmad_14977951260311_AlzsH.jpg" /></a>
					</li>
					<li class="img_3">
						<a href="#"><img src="img/xmad_15015006045059_PEafU.jpg" /></a>
					</li>
				</ul>
			</div>
			<div class="plain-box1">
				<div class="box-head">
					<h2 class="box-title">小米明星单品</h2>
					<div class="more">
						<div class="more-left">&lt</div>
						<div class="more-right">&gt</div>
					</div>
				</div>
				<div class="box-body">
					<div class="carousel-wrapper">
						<div class="div1">
							<a href="#"><img src="img/firstpaage-star1.png" /></a>
							<h3>红米4X</h3>
							<p class="desc">4100mAh超长续航，8 核处理器</p>
							<p class="price">699元起</p>
						</div>
						<div class="div2">
							<a href="#"><img src="img/firstpaage-star2.png" /></a>
							<h3>小米5s 64GB</h3>
							<p class="desc">下单立减200元</p>
							<p class="price">1999元</p>
						</div>
						<div class="div3">
							<a href="#"><img src="img/firstpaage-star3.png" /></a>
							<h3>红米Note 4X</h3>
							<p class="desc">4100mAh超长续航，多彩金属</p>
							<p class="price">999元起</p>
						</div>
						<div class="div4">
							<a href="#"><img src="img/firstpaage-star4.png" /></a>
							<h3>小米电视4A 32英寸</h3>
							<p class="desc">8月10日-8月16日立减100元</p>
							<p class="price">1099元</p>
						</div>
						<div class="div5">
							<a href="#"><img src="img/firstpaage-star5.png" /></a>
							<h3>小米笔记本</h3>
							<p class="desc">更轻更薄，像杂志一样随身携带</p>
							<p class="price">3599元起</p>
						</div>
						<div class="div6">
							<a href="#"><img src="img/firstpaage-star6.png" /></a>
							<h3>贝医生巴氏牙刷(四色装)</h3>
							<p class="desc">德日进口刷毛，专利科学布局</p>
							<p class="price">39.9元</p>
						</div>
						<div class="div7">
							<a href="#"><img src="img/firstpaage-star7.png" /></a>
							<h3>小米手环 2</h3>
							<p class="desc">OLED 显示屏幕，升级计步算法</p>
							<p class="price">149元</p>
						</div>
						<div class="div8">
							<a href="#"><img src="img/firstpaage-star8.jpg" /></a>
							<h3>米家压力IH电饭煲</h3>
							<p class="desc">智能烹饪，压力IH加热技术</p>
							<p class="price">999元</p>
						</div>
						<div class="div9">
							<a href="#"><img src="img/firstpaage-star9.png" /></a>
							<h3>米家空气净化器Pro</h3>
							<p class="desc">OLED显示屏幕，激光颗粒物传感器</p>
							<p class="price">1499元</p>
						</div>
						<div class="div10">
							<a href="#"><img src="img/firstpaage-star10.png" /></a>
							<h3>小米路由器3</h3>
							<p class="desc">更快更强，不止四天线</p>
							<p class="price">149元</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="body2">
			<div class="container">
				<div class="jiadian">
					<div class="hd">
						<span class="jd-title">家电</span>
						<span class="fir-box">热门</span>
						<span>电视影音</span>
						<span>电脑</span>
						<span>家居</span>
					</div>
					<div class="bd">
						<div class="box-row">
							<div class="row-left">
								<img src="img/fir-page-jiadian-1-.jpg" />
							</div>
							<div class="row-right">
								<div class="products" id="remen">
									<ul class="products-list">
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-2.png" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-3.png" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-4.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-5.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-6.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-7.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-8.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享8.1折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-9.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
										</li>
									</ul>
								</div>
								<div class="products" id="dianshiyingyin">
									<ul class="products-list">
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dsyy-1.png" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dsyy-2.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dsyy-3.png" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dsyy-4.png" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dsyy-5.png" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dsyy-6.png" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dsyy-7.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享8.1折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-9.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
										</li>
									</ul>
								</div>
								<div class="products" id="diannao">
									<ul class="products-list">
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dn-1.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dn-2.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dn-3.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-5.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-6.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-7.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-8.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享8.1折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-9.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
										</li>
									</ul>
								</div>
								<div class="products" id="jiaju">
									<ul class="products-list">
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiadian-dsyy-6.png" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiaju-2.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiaju-3.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiaju-4.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiaju-5.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiaju-6.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享9折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-jiaju-7.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
											<div class="flag">
												享8.1折
											</div>
										</li>
										<li class="item">
											<div class="pic">
												<a href="#"><img src="img/fir-page-jiadian-9.jpg" /></a>
											</div>
											<h3 class="name">小米电视4A 43英寸</h3>
											<p class="desc">8月10日-16日限时特惠，立减200元</p>
											<p class="price">1899元</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="neirong">

					<div class="neirong">
						<div class="box-hd">
							<span>内容</span>
						</div>
						<div class="box-bd">
							<div class="nr">
								<h2 class="nr-title">图书</h2>
								<div class="nr-body">
									<div class="wrap">
										<h4 class="name"><a href="#">哈利波特与被诅咒的孩子</a></h4>
										<p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<p class="price">29.37元</p>
										<div class="img">
											<a href="#"><img src="img/fir-neirong-1.png" /></a>
										</div>
									</div>
									<div class="wrap">
										<h4 class="name"><a href="#">哈利波特与被诅咒的孩子</a></h4>
										<p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<p class="price">29.37元</p>
										<div class="img">
											<a href="#"><img src="img/fir-neirong-2.jpg" /></a>
										</div>
									</div>
									<div class="wrap">
										<h4 class="name"><a href="#">哈利波特与被诅咒的孩子</a></h4>
										<p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<p class="price">29.37元</p>
										<div class="img">
											<a href="#"><img src="img/fir-neirong-3.png" /></a>
										</div>
									</div>
									<div class="wrap">
										<h4 class="name"><a href="#">哈利波特与被诅咒的孩子</a></h4>
										<p class="desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<p class="price">29.37元</p>
										<div class="img">
											<a href="#"><img src="img/fir-neirong-4.png" /></a>
										</div>
									</div>
								</div>
								<div class="nr-foot">
									<div class="dian">
										<h5></h5>
										<h5></h5>
										<h5></h5>
									</div>
								</div>

							</div>
						</div>
					</div>
					<div class="comment">
						<div class="bx-hd">
							<h2 style="font-weight:normal ;">热评产品</h2>
						</div>
						<div class="bx-bd">
							<ul>
								<li class="view-box">
									<div class="img111">
										<img src="img/fir-repingchanpin-1.jpg" />
									</div>
									<p class="review">安装简洁方便，信号不错！！！！！</p>
									<p class="author">来自于 追逆 的评价</p>
									<div class="info">
										<h3 class="review-title">小米路由器3</h3>
										<span class="review-sep">|</span>
										<p class="review-price">149元 </p>
									</div>
								</li>
								<li class="view-box">
									<div class="img111">
										<img src="img/fir-repingchanpin-2.jpg" />
									</div>
									<p class="review">样子好可爱，特别是转来转去时很有趣。让它休眠时它就会把头转过去背对着你了，唤醒它又会自动转回来。你</p>
									<p class="author">来自于 随风 的评价 </p>
									<div class="info">
										<h3 class="review-title">小米路由器3</h3>
										<span class="review-sep">|</span>
										<p class="review-price">149元 </p>
									</div>
								</li>
								<li class="view-box">
									<div class="img111">
										<img src="img/fir-repingchanpin-3.jpg" />
									</div>
									<p class="review">刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！</p>
									<p class="author">来自于 龙炎 的评价 </p>
									<div class="info">
										<h3 class="review-title">小米路由器3</h3>
										<span class="review-sep">|</span>
										<p class="review-price">149元 </p>
									</div>
								</li>
								<li class="view-box">
									<div class="img111">
										<img src="img/fir-repingchanpin-4.jpg" />
									</div>
									<p class="review">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</p>
									<p class="author">来自于 HZG 的评价 </p>
									<div class="info">
										<h3 class="review-title">小米路由器3</h3>
										<span class="review-sep">|</span>
										<p class="review-price">149元 </p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<iframe src="mi.footer.html" width="1349px" height="438px" scrolling="no" border="0"></iframe>

		<script type="text/javascript">
			/**
			 * 家电
			 */
			var jiadian = document.querySelector(".hd");
			var rm = document.getElementById("remen");
			var dsyy = document.getElementById("dianshiyingyin");
			var dn = document.getElementById("diannao");
			var jj = document.getElementById("jiaju");
			jiadian.children[1].onmouseover = function() {
				rm.style.display = "block";
				dsyy.style.display = "none";
				dn.style.display = "none";
				jj.style.display = "none";
			}
			jiadian.children[2].onmouseover = function() {
				rm.style.display = "none";
				dsyy.style.display = "block";
				dn.style.display = "none";
				jj.style.display = "none";
			}
			jiadian.children[3].onmouseover = function() {
				rm.style.display = "none";
				dsyy.style.display = "none";
				dn.style.display = "block";
				jj.style.display = "none";
			}
			jiadian.children[4].onmouseover = function() {
				rm.style.display = "block";
				dsyy.style.display = "none";
				dn.style.display = "none";
				jj.style.display = "none";
			}
			/**
			 * 菜单
			 */
			var menu = document.getElementById("menu");
			var lis = menu.getElementsByTagName("li");
			for(var i = 0; i < lis.length; i++) {
				lis[i].onmouseover = function() {
					this.getElementsByTagName("div")[0].style.display = "block";
				};
				lis[i].onmouseout = function() {
					this.getElementsByTagName("div")[0].style.display = "none";

				};
			}

			/**
			 * 轮播图
			 */
			window.onload = function() {
				var itemindex = 0;
				var lis = document.querySelectorAll(".dian li");
				var asrc = document.querySelector(".bg a");
				for(var i = 0; i < lis.length; i++) {
					lis[i].onclick = function() {
						var src = this.getAttribute("data-src");
						var href = this.getAttribute("data-href");

						itemindex = this.getAttribute("data-index") * 1;
						asrc.href = href;
						asrc.children[0].src = src;
						for(var i = 0; i < lis.length; i++) {
							lis[i].removeAttribute("class");
						}
						this.className = "active";
					}
				}
				/*
				 * 轮播左右切换
				 */
				var btns = document.querySelectorAll(".btn>div");
				btns[0].onclick = function() {
					if(itemindex == 0) {
						itemindex = lis.length;
					}
					lis[itemindex - 1].click();
				}
				btns[1].onclick = function() {
					if(itemindex == lis.length - 1) {
						itemindex = -1;
					}
					lis[itemindex + 1].click();
				}
				//								setInterval(function() {
				//									btns[1].click();
				//								}, 5000);
				/**
				 * 明星单品
				 */
				var divs = document.querySelectorAll(".more div");
				divs[0].onclick = function() {
					var imgs = document.querySelector(".carousel-wrapper");
					imgs.style.marginLeft = "0";
				}
				divs[1].onclick = function() {
					var imgs = document.querySelector(".carousel-wrapper");
					imgs.style.marginLeft = "-1220px";
				}

			};
			//内容轮播
			var lis1 = document.querySelectorAll(".nr-foot h5");
			var divs1 = document.querySelector(".nr-body");
			lis1[0].onclick = function() {
				divs1.style.marginLeft = "0px"
			}
			lis1[1].onclick = function() {
				divs1.style.marginLeft = "-300px"
			}
			lis1[2].onclick = function() {
				divs1.style.marginLeft = "-600px"
			}
			lis1[3].onclick = function() {
				divs1.style.marginLeft = "-900px"
			}
		</script>
	</body>

</html>